/**
  Created by PhpStorm.
  User: ZT
  Date: 2020/6/17 0017
  Time: 16:25
 **/
@charset "utf-8";
@import "public.less";
.blog-details-area{
  margin-top: 30px;
  padding: 30px;
  .gtco-heading{
    margin-bottom: 40px;
    h2{
      padding-top: 30px;
      padding-bottom: 10px;
      text-transform: uppercase;
      font-weight: 600;
     &:before {
        content: '';
        width: 180px;
        height: 3px;
        background: url(../images/t-left.png) no-repeat center;
        margin-bottom: 10px;
        margin-right: 15px;
        display: inline-block;
      }
      &:after{
        content: '';
        width: 180px;
        height: 3px;
        background: url(../images/t-right.png) no-repeat center;
        margin-bottom: 10px;
        margin-left: 15px;
        display: inline-block;
      }
    }
    .abstr{
      font-size: 14px;
      color:#666666;
    }
  }
  .msg-text-bottom-left {
    figure{
      position: relative;
      float: none;
      overflow: hidden;
      margin: 0;
      width: 95%;
      background: none;
      text-align: center;
      cursor: pointer;
      img{
        position: relative;
        display: block;
        width: 95%;
        opacity: 0.8;
        padding: .5em;
        border: 1px dotted #7D7D7D;
      }
      &.effect-winston {
        text-align: left;
        margin: 0 0 1em;
        &:hover{
          img{
            opacity: 0.6;
          }
          figcaption{
            &:before{
              opacity: 0.7;
              -webkit-transform: rotate3d(0,0,1,20deg);
              transform: rotate3d(0,0,1,20deg);
              background: rgba(45, 45, 45, 0.35);
            }
          }
        }
      }
      figcaption {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        &:before {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-size: 100% 100%;
          content: '';
          -webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
          transition: opacity 0.45s, transform 0.45s;
        }
      }
    }
    >h3{
      a{
        text-transform: capitalize;
        font-size: 22px;
        color: #D57D39;
        margin: 0.5em 0;
        display: block;
        line-height: 1.5em;
        text-decoration: none;
      }
    }
    >p{
      font-size: 14px;
      color: #999;
      margin: 0;
      line-height: 1.8em;
    }
  }
  .photo-content{
       .portfolio-item{
         margin-bottom: 20px;
         display: block;
         position: relative;
         -webkit-transition: all 0.2s ease-in-out;
         -moz-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
         transition: all 0.2s ease-in-out;
         img{
           width: 100%;
         }
          .icon-time{
            width: 113px;
            height: 25px;
            position: absolute;
            bottom: 0;
            color: #999999;
            padding: 0 6px;
            right: 0;
            background: #ffffff;
            i{
              font-size: 14px;
              font-family: DIN-MEDIUM;
              font-weight: 500;
              font-style: normal;
              &:nth-of-type(2){
                width: 10px;
                height: 1px;
                background: #bbbbbb;
                display: inline-block;
                vertical-align: middle;
                margin: 0 8px;
              }
            }
          }
       }
  }
}
